<template>
    <div class="container">
        <h1>关于页面</h1>
        <p>检查源代码以查看添加了自定义组件的自定义元标记 <code>twitter-head-card</code></p>
        <p>
            <nuxt-link to="/">首页</nuxt-link>
        </p>
        <el-button @click="visible = true">按钮</el-button>
        <el-dialog :visible.sync="visible" title="Hello world">
            欢迎使用 Element
        </el-dialog>
    </div>
</template>
<script>
    export default {
        data() {
            return {visible: false};
        }
    }
</script>

<style>
    .container {
        text-align: center;
        margin-top: 150px;
        font-size: 20px;
    }
</style>